const path = require('path');
const resolve = filePath => path.join(__dirname, './', filePath);

module.exports = {
  outputDir: 'docs',
  publicPath: '/practice-v3-ui/',
  pages: {
    //将demo放在demo文件夹下面后,需要配置vue.config.js的index单页面入口文件为demo/main.ts。 因为vue-cli默认是找src/main.ts作为入口文件
    index: {
      entry: resolve('demo/main.ts'),
      template: 'public/index.html',
      filename: 'index.html',
      title: '组件示例'
    }
  },
  chainWebpack: config => {
    //我们不期望自动加载,我们期望点击时再(按需)加载
    config.plugins
      .delete('prefetch-index')
      .delete('preload-index');

    //引入的如果是以demo开头,则去demo/下查找
    config.resolve.alias
      .set('demo', resolve('demo'))
      .set('src', resolve('src'));
  },
  css:{
    loaderOptions:{
      sass:{
        prependData:'@import "src/style/global-import.scss";' // 编译.scss文件前 自动引入global-import.scss
      }
    }
  }
}
